<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="author" content="Kodinger">
	<title>My Login Page &mdash; Bootstrap 4 Login Page Snippet</title>
	<link rel="stylesheet" type="text/css" th:href="@{bootstrap/css/bootstrap.min.css}">
	<link rel="stylesheet" type="text/css" th:href="@{css/my-login.css}">
</head>
<body class="my-login-page">
<section class="h-100">
	<div class="container h-100">
		<div class="row justify-content-md-center h-100">
			<div class="card-wrapper">
				<div class="brand">
					<img th:src="@{img/logo.jpg}">
				</div>
				<div class="card fat">
					<div class="card-body">
						<h4 class="card-title">Register</h4>
						<form method="POST">
							<div class="form-group">
								<label for="email">E-Mail Address</label>
								<p style="color: red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
								<input id="email" type="email" class="form-control" name="email" required>
							</div>

							<div class="form-group">
								<label for="password">Password</label>
								<input id="password" type="password" class="form-control" name="password" required data-eye>
							</div>

							<div class="form-group">
								<label>
									<input type="checkbox" name="aggree" value="1"> I agree to the Terms and Conditions
								</label>
							</div>

							<div class="form-group no-margin">
								<button type="submit" class="btn btn-primary btn-block">
									Register
								</button>
							</div>
							<div class="margin-top20 text-center">
								Already have an account? <a href="login">Login</a>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<script th:src="@{js/jquery.min.js}"></script>
<script th:src="@{bootstrap/js/bootstrap.min.js}"></script>
<script th:src="@{js/my-login.js}"></script>
</body>
</html>